<div class="main">
  <div class="main-header">
    <div class="pa-icon-div pull-left fs-14">
      <i class="iconfont icon-shouye fs-14 icon-vertical-top"></i>
      <span class="fs-vertical-middle">相册详情</span>
    </div>
    <go-back></go-back>
  </div>
  <bid-tabs ng-model="vm.selectBid"></bid-tabs>
  <div class="main-content">
    <div class="container-header fs-16">
      <span>相册详情</span>
      <div class="pull-right">
        <div class="btn-group" uib-dropdown is-open="status.isopen">
          <div class="dropdown-btn" uib-dropdown-toggle>
            <i class="icon iconfont icon-danweitijian"></i>
            <span>{{vm.selectText}}</span>
            <span class="caret"></span>
          </div>
          <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
            <li role="menuitem"
              ng-repeat="org in vm.view.orgTypes"
              ng-class="{'active': org.selected}"
              ng-click="vm.changeOrgType(org)"><a href="javascript:;">{{org.name}}</a></li>
          </ul>
        </div>
        <div class="btn-group dropdown">
          <div class="dropdown-btn">
          <!--   <i class="icon iconfont icon-iconfontrili"></i>
            <label for="time">选择日期</label> -->
            <input type="text" class="pa-form-control-input date-picker"
              data-ng-datepicker
              placeholder="选择日期"
              ng-model="vm.requestParam.mapParams.time">
          </div>
        </div>
      </div>
    </div>

    <div class="album-list" ng-style="vm.view.boxContainerStyle">
      <div class="album-date">{{vm.requestParam.mapParams.time}}</div>
      <ul class="album-boxes">
        <li class="album-box"
          ng-repeat="box in vm.resource.boxes track by $index"
          ng-style="vm.view.BoxStyleList[$index]"
          ng-click="vm.popLargeImg(box)">
          <div class="photo-box">
            <a href="javascript:;">
              <img ng-src="/{{box.filePath}}">
              <div class="sub-caret" ng-hide="box.orgType == 3 || !box.orgType">
                {{box.orgType == '1' ? '业主' : '监理'}}
              </div>
            </a>
            <div class="box-fade"></div>
            <div class="box-detail-outer">
              <div class="box-detail" style="width: {{vm.view.boxSize.boxWidth}}px; height: {{vm.view.boxSize.boxHeight}}px">
                <i class="icon iconfont icon-sousuo"></i>
                <div class="detail-txt">
                  <span class="org-name">{{vm.getOrgName(box.orgType)}}</span>
                  <div class="desc">描述: {{box.description}}</div>
                </div>
              </div>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>

  <div class="img-large-outer fixed-fade" ng-show="vm.view.showModal">
    <i class="icon iconfont icon-llalbumshopselectorcancel" ng-click="vm.close()"></i>
    <img ng-src="/{{vm.view.activeBox.filePath}}">
  </div>
</div>
